<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>个人中心</title>
	<link rel="stylesheet" type="text/css" href="css/example.css?v=1.0" />
	<link rel="stylesheet" type="text/css" href="css/weui.min.css?v=1.0" />
	<link rel="stylesheet" type="text/css" href="css/element-ui.css" />
	<link rel="stylesheet" type="text/css" href="css/vant.min.css" />
	<link rel="stylesheet" type="text/css" href="css/public.css?v=2.0" />
	<link rel="stylesheet" type="text/css" href="css/personalCenter.css?v=2.0.2" />

</head>

<body>
	<div id="main">
		<div class="ub-myDetailBg">
			<div class="ub-myDetail">
				<!-- 个人信息展示 -->
				<div>
					<div class="ub-touxiang">
						<img :src="userInfo.headimgurl">
					</div>
					<div class="ub-myName">
						<p v-cloak>{{userInfo.realname }}</p>
						<div>
							<span>手机号:</span>
							<span v-cloak>{{userInfo.phone}}</span>
						</div>
						<div>
							<span>账&nbsp;&nbsp; 号:</span>
							<span v-cloak>{{userInfo.phone}}</span>
						</div>
					</div>
				</div>
				<!-- 退出登录按钮 -->
				<div @click="exitBtb()" class="ub-exit">
					<img src="images/personalIcon1.png">
					退出登录
				</div>
			</div>
		</div>
		<div class="ub-personalCintent">
			<!-- 所属社区 -->
			<div class="ub-belongsTo">
				<div>
					<img src="images/personalIcon4.png">
					<span>所属社区</span>
				</div>
				<span v-cloak>{{userInfo.community}}</span>
			</div>
			<!-- 场所管理 -->
			<div @click="goPlace()" class="ub-management" style="border-radius: 8px 8px 0 0;"
				v-if="userInfo.is_grid || (!userInfo.is_grid && !userInfo.is_protector && !userInfo.is_community)">
				<div class="ub-place">
					<div class="ub-placeLeft">
						<img src="images/personalIcon3.png" alt="">
						<div>
							<p>场所管理</p>
							<p v-cloak>{{userInfo.my_place_count}}条信息</p>
						</div>
					</div>
					<img src="images/listRight.png" alt="">
				</div>
			</div>
			<!-- 账号管理 -->
			<a href="passChange.html">
				<div class="ub-management" style="border-radius: 0 0 8px 8px;border-top: 1px solid #E1EAF8;">
					<div class="ub-place">
						<div class="ub-placeLeft">
							<img src="images/personalIcon2.png" alt="">
							<div>
								<p>账号管理</p>
								<p>修改密码</p>
							</div>
						</div>
						<img src="images/listRight.png" alt="">
					</div>
				</div>
			</a>

			<!-- 汤山街道重点困难老年人探访关爱 -->
			<div class="ub-management" style="border-radius: 0 0 8px 8px;border-top: 1px solid #E1EAF8;"
				v-if="showSick">
				<div class="ub-place">
					<div class="ub-placeLeft" style="position: relative ;">
						<img src="images/care_icon.png" alt="" @click="goCare">
						<el-badge :value="userInfo.sick_no_man_sum" class="ub-badge" :max="99"
							:hidden="userInfo.sick_no_man_sum == 0">
						</el-badge>
						<div>
							<p style="font-size: 15px;" @click="goCare">汤山街道重点困难老年人探访关爱</p>
							<!-- <p v-cloak>总走访率：{{userInfo.care_rate}}%</p> -->
							<div class="ub-ps_care_rate">
								<div class="ub-pl_in_select">
									<select name="year" id="year" v-model="year" @change="changeYear">
										<option :value="item" v-for="item in yearArr" :key="item" v-cloak>{{item}}
										</option>
									</select>
								</div>
								<div class="ub-pl_in_c">
									<span class="ub-pl_text1" @click="changeRate(-1)">&lt;</span>
									<span class="ub-pl_text2" v-cloak>第{{week}}周走访率:{{care_rate}}%</span>
									<span class="ub-pl_text1" @click="changeRate(1)">></span>
								</div>
							</div>
						</div>
					</div>
					<img src="images/listRight.png" alt="" @click="goCare">
				</div>
			</div>

			<!-- 隐患未整改提示 -->

			<div class="ub-management" style="border-radius: 0 0 8px 8px;border-top: 1px solid #E1EAF8;"
				@click="goPlaceInspectList" v-if="showPlace">
				<div class="ub-place">
					<div class="ub-placeLeft">
						<img src="images/placeInspectList_icon.png" alt="">
						<div>
							<p>场所消防安全检查情况</p>
							<!-- <p v-cloak>{{num}}条信息</p> -->
						</div>
					</div>
					<img src="images/listRight.png" alt="">
				</div>
			</div>

		</div>
		<!-- 底部栏 -->
		<div class="ub-footerNav">
			<div role="tablist" style="background: #fff;" aria-label="选项卡标题" class="weui-tabbar">
				<a href="index.html" id="tab2" role="tab" aria-labelledby="t2_title" aria-selected="false"
					aria-controls="panel2" class="weui-tabbar__item">
					<img src="images/navIcon1.png" alt="" class="weui-tabbar__icon">
					<p aria-hidden="true" id="t2_title" class="weui-tabbar__label">地图查看</p>
				</a>
				<a href="listLook.html" id="tab3" role="tab" aria-labelledby="t3_title" aria-describedby="t3_tips"
					aria-selected="false" aria-controls="panel3" class="weui-tabbar__item">
					<div id="t3_tips" aria-hidden="true" style="display: inline-block; position: relative;">
						<img src="images/navIcon3.png" alt="" class="weui-tabbar__icon">
					</div>
					<p id="t3_title" aria-hidden="true" class="weui-tabbar__label">列表查看</p>
				</a>
				<a href="personalCenter.html" id="tab1" role="tab" aria-labelledby="t1_title" aria-describedby="t1_tips"
					aria-selected="true" aria-controls="panel1" class="weui-tabbar__item weui-bar__item_on">
					<div id="t1_tips" aria-hidden="true" style="display: inline-block; position: relative;">
						<img src="images/navIcon2-selected.png" alt="" class="weui-tabbar__icon">
						<!-- <span class="weui-badge" style="position: absolute; top: -2px; right: -13px;">8</span> -->
					</div>
					<p id="t1_title" aria-hidden="true" class="weui-tabbar__label">个人中心</p>
				</a>
			</div>
		</div>
	</div>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/element-ui.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vant.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jwt-decode.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/cHttp.js?v=1.0.0" type="text/javascript" charset="utf-8"></script>
	<script src="js/wxPublic.js?v=15.0.0" type="text/javascript" charset="utf-8"></script>
	<!-- <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.15.0/vconsole.min.js"></script>
	<script>
		new VConsole()
	</script> -->
	<script src="js/personalCenter.js?v=1.0.29" type="text/javascript" charset="utf-8"></script>

</body>

</html>